<html>
<head>
</head>
<body>
	<wicket:panel>
		<!-- Header -->
			<div class="es-header">
		       	<!-- top menu -->
		       	<div class="es-menuBar">
		           	<img src="images/icons/es50.gif"  alt="EduCreek" style="float:left;position:absolute;" />
		               <div  style="padding-top:5px;">
		                    <div wicket:id="menuDiv">Menues go here!</div>
		               </div>
		           </div>
		           <!-- search bar -->
		           
		           <div class="es-searchBar">
		           		<div style="float:left; background-color:#DEDDEF; width:200px; height:100%;"><span style="color:#DEDDEF;">EduCreek0.3.0</span></div>
		           		<!-- no searches
		           			<div style="float:left;margin-top:4px; margin-left:20px;"><input style="float:left;" type="text" size="40" /><button type="submit" style="float:left;height:22px;" class="es-button ui-state-default ui-corner-right">Search</button></div>
		           		-->
		           </div>
		            
	        </div>
	</wicket:panel>
	<wicket:fragment wicket:id="loggedInMenuFrag">
		<ul style="padding-left:50px;" class="es-horMenu">
           	<li><a href="#" wicket:id="home">Home</a></li>
           	<li><a href="#" wicket:id="calendar">Calendar</a></li>
           	<li><a href="#" wicket:id="univs">University</a></li>
           	<li><a href="#" wicket:id="depts">Departments</a></li>
           	<li><a href="#" wicket:id="courses">Courses</a></li>
        </ul>
        <ul class="es-horMenu" style="float:right;">
        	<li style="color:#DEDDEF; font-size:12px">User Name: Role</li>
        	<li><a href="#" wicket:id="settings">Settings</a></li>
        	<li><a href="#" wicket:id="logout">Logout</a></li>
        </ul>
	</wicket:fragment>
	<wicket:fragment wicket:id="notLoggedInMenuFrag">
		<ul class="es-horMenu" style="float:right;">
        	<li><a href="#" wicket:id="loginLink">Login</a></li>
        </ul>
	</wicket:fragment>
</body>
</html>